﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Templates_Panoramic_Default" %>


<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

 <script type="text/javascript">

     $(document).ready(function() {

         initjScrollPane();

        


         //FIND LI ASSOCIATED WITH PARENTS
         var aa = window.location.pathname.replace(".aspx", "");

         var pathArray = aa.split("/");
         $('#navApplications li a').each(function(index) {
             aTxt = $(this).text();
             aTxt = aTxt.replace("/", "")
             aTxt = aTxt.replace(" ", "-")

             for (var i = 0; i < pathArray.length; i++) {
                 //alert(aTxt +":"+pathArray[i]+"="+aTxt == pathArray[i]);
                 if (aTxt == pathArray[i]) {
                     $(this).parent().addClass("active");

                 }
             }
         });
         initjScrollPane();
         initTabScrollable();

     });
        
    
    </script>
    
    <link rel="Stylesheet" type="text/css" href="http://www.smoothdivscroll.com/css/smoothDivScroll.css" />
    <acms:JavascriptFile ID="JavascriptFile1" Path="~/Scripts/jquery.ui.widget.js" runat="server" />
    <acms:JavascriptFile ID="JavascriptFile2" Path="~/Scripts/jquery.smoothDivScroll-1.1-min.js" runat="server" />

	<script type="text/javascript">
	    // Initialize the plugin with no custom options
	    $(function() {

//	        $('div.item').each(function(index) {
//	            itemwidth = $(this).find('span span img').width();
//	            alert(itemwidth);
//	            //   $("div.item span span img").width()
//	            //$(this).width(itemwidth);
//	            $(this).width(itemwidth).css({ width: itemwidth, "background-color": "blue" });
//	            //alert(index + ': ' + $(this).text());
//	        });



	    $("ul.flowtabs").tabs(".flowpanes > div");
	        $("div#makeMeScrollable").smoothDivScroll({ autoScroll: "always", autoScrollDirection: "endlessloopright", autoScrollStep: 2, autoScrollInterval: 20 });
	    });
	</script>

	<!-- Styles for my specific scrolling content -->

	<style type="text/css">
		
		#makeMeScrollable
		{
			width:960px;
			height: 362px;
			position: relative;
		}
		
		#makeMeScrollable div.scrollableArea .item
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			/*width:960px;*/
			height:362px;
		}
		
		 #makeMeScrollable div.scrollableArea .item {}
		 #makeMeScrollable div.scrollableArea .item span {display:block}
		 #makeMeScrollable div.scrollableArea .item img{display:block}
    </style>



</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="contentTop" Runat="Server">
    
    <div id="top" style="position:relative" class="">
        <%--  <asp:Panel runat="server" ID="pnlItem" CssClass="flashHolder"></asp:Panel>--%>
        
        <div id="makeMeScrollable">
		    <div class="scrollingHotSpotLeft"></div>
		    <div class="scrollingHotSpotRight"></div>
		    <div class="scrollWrapper">
		        <div class="scrollableArea">
		            <asp:Panel ID="pnlItem" CssClass="item" runat="server">
		                <acms:ImageContentControlDisplay  ControlName="HeroImage" runat="server" />
		            </asp:Panel>
		            <asp:Panel ID="pnlItem2" CssClass="item" runat="server">
		                <acms:ImageContentControlDisplay ID="ImageContentControlDisplay1"  ControlName="HeroImage" runat="server" />
		            </asp:Panel>
		        </div>
		    </div>
	    </div>
            
            <%--<div id="flashContainer" style=""></div>--%>
        
            <%--<a class="prev browse left">---</a><a class="next browse right">|||</a>--%>

            <div id="subNav" style="" class="clearfix">
            <ul id="navApplications">
            
                <acms:SimpleRepeater ID="dlNavSiblings" DataSourceID="dsSibling" AllowPaging="false" runat="server">
                    <ItemTemplate>
                        <li runat="server" id="navLi" >
                            <asp:HyperLink ID="lnkNavSibling" CssClass="navApplication" NavigateUrl="#" runat="server" />
                        </li>
                    </ItemTemplate>
                </acms:SimpleRepeater>
                <acms:PostDataSource ID="dsSibling" runat="server" />
               <%-- <li class="active" ><a href="#" class="navApplication ">Specifications</a></li>
                <li ><a href="#" class="navApplication ">Payload</a></li>
                <li ><a href="#" class="navApplication ">Ground Stations</a></li>--%>
            </ul>
            
            <ul id="navDetails">
                <%--<li><acms:PostLink ID="PostLink2" Path="~/Press-Area/Videos" runat="server" Text="Videos" /></li>--%>
                <%--<li><acms:PostLink ID="PostLink3" Path="~/Contact/Support" runat="server" Text="Support" /></li>--%>
                <li><acms:PostLink ID="PostLink1" Path="~/Download/Brochures" runat="server" Text="Brochures" /></li>
            </ul>
        
    </div>
        
        <div id="pageTitle" class="clearfix">
            <h1><acms:PostDisplayName ID="PostDisplayName" runat="server" /></h1>
            <asp:HyperLink NavigateUrl="#" id="lnkMoreInfo" runat="server" href="#" class="moreInfo moreInfoOpen off" Text="More Info"/>
        </div>
    
    </div>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentBase" Runat="Server">
 <div id="base" class="clearfix">
    
        <acms:SimpleRepeater ID="rptTabs" runat="server">
            <ItemTemplate>
                <acms:SubTemplateLoader ID="tabs" TemplateFileName="Display" runat="server" />
            </ItemTemplate>
        </acms:SimpleRepeater>
      
        <a href="#" class="moreInfo moreInfoClose open">Close</a>
    
    </div>
</asp:Content>

